@charset "utf-8";
/* CSS Document */

.aru_activity {
  position: relative;
  background: #f5f5f5;
  overflow: hidden;
}
.aru_activity .carousel-controls {
  position: absolute;
  right: 15px;
  top: 15px;
}
.aru_activity .carousel-controls a .fa {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #dddddd;
  color: #fff;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  margin-right: 0;
  font-size: 20px;
}
.aru_activity .carousel-controls a.next .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.aru_activity .carousel-controls a.prev .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.aru_activity .carousel-controls a:hover .fa {
  background: #6f7a9f;
}
.aru_activity .section-content {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	min-height: 435px;
}

.aru_activity .aru_activity-iframe {
  max-width: 100%;
  width: 100%;
  /* height: 287px; */
}

.aru_activity .aru_activity-detail{
	font-family: 'Taviraj', serif;
	margin: 0px;
	padding: 0 0 0px;
}

.aru_activity .aru_activity-detail h2{
	/*font-family: 'Athiti', sans-serif;*/
	font-size: 20px;
	
}

.aru_activity .aru_activity-detail h2 a{
	/*font-family: 'Athiti', sans-serif;*/
	color:dodgerblue;
	
}
.aru_activity .aru_activity-detail p{
	
	font-size: 16px;
	color:grey;
	min-height: 100px;
}

.aru_activity .aru_activity-by{
	/* font-family: Tahoma, "Microsoft Sans Serif"; */
	font-family: 'Maitree', serif;
	font-size: 13px;
	/* color: rgba(179,179,179,1.00) */
}

.aru_activity .more a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	padding:5px 10px;
	margin:5px 0 0 0;
	font-family: 'Kanit', sans-serif;
	font-size:14px;
	color:#2f506c;
	border:solid 1px #2f506c;
}
.aru_activity .more a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #6f7a9f;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.aru_activity .more a:hover, .aru_activity .more a:focus, .aru_activity .more a:active {
	color: #fff;
}
.aru_activity .more a:hover:before, .aru_activity .more a:focus:before, .aru_activity .more a:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.aru_activity .featured-image:hover {
  -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
  box-shadow: 0px 0px 5px 0px #e8e8e8;
}
.aru_activity .featured-image > a:hover {
  position: relative;
}

.aru_activity .featured-image > a:hover img {
  display: block;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}